
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@page import="com.ares.service.bean.BeanObjetivo" %>
<%@page import="com.ares.service.bean.BeanMeta" %>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/sevde.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/prototype.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/collapse.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/util.js"></script>
        <link href="<%=request.getContextPath()%>/css/miestilo.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <html:form action="evaluacion">
            <input type="hidden" name="valSeleccionado" />
            <input type="hidden" name="namSeleccionado" />
            <input type="hidden" name="desObjetivo"  id="desObjetivo"/>
            <input type="hidden"  name="method"/>
            <input type="hidden" name="operacion" id="operacion"/>

            <html:hidden  property="stridMeta" styleId="stridMeta" />
            <html:hidden  property="stridobjetivo" styleId="stridobjetivo" />
            <html:hidden  property="stridpilar" styleId="stridpilar"/>
            <html:hidden  property="strdesobjetivo" styleId="strdesobjetivo"/>
            <html:hidden property="dblpesoObjOrg" value="${totalObjOrg}" ></html:hidden>
            <html:hidden property="dblpeso" value="${dblpeso}" ></html:hidden>
            <html:hidden  property="strdesMeta" styleId="strdesMeta"/>
            <html:hidden  property="straceptable" styleId="straceptable"/>
            <html:hidden  property="strmejorado" styleId="strmejorado"/>
            <html:hidden  property="strExcelente" styleId="strExcelente"/>
            <html:hidden property="dblTotal" value="${total}" ></html:hidden>

            <table class="tablaingresos" border="0" >
                <tr>
                    <td align="center">
                        <table  id="tb_opciones" class="tb_opciones" border="0"  >
                            <tr>
                                <td colspan="9" align="center" class="tituloJsp">
                                    Mi Evaluaci&oacuten de Objetivos <c:out value="${formulario.strPERIODO}"/>
                                </td>
                            </tr>
 
                            <c:if test="${formulario != null}" >
                                <tr>
                                    <th><IMG class='stlTdImagen' border="1" SRC='file://fs-grupos/Data_pub$/PE/RRHH/fotos_HOC/<c:out value="${formulario.strID_EMPLEADO}" />.jpg' onerror="this.src='images/sinimagen.png';" /> </th>
                                    <th  rowspan="4" style="vertical-align: middle" >
                                        <table border="0" width="600px" cellpadding="2" cellspacing="2">
                                            <tr>
                                                <td  class="labelNombre" width="250px"><label><c:out value="${formulario.strNom_Empleado}" /></label></td>
                                            </tr>
                                            <tr>
                                                <td  class="labelopciones"><label><c:out value="${formulario.strApellido_Empleado}" /></label> </td>
                                                <td class="espaciosEnBlanco"></td>
                                                <td>Evaluador :</td>
                                                <td class="labelopciones"><label ><c:out value="${formulario.strNom_Evaluador}" /></label> </td>
                                            </tr>
                                            <tr>
                                                <td class="labelopciones" ><label   ><c:out value="${formulario.strPuesto_Empleado}" /></label></td>
                                                <td></td>
                                                <td></td>
                                                <td class="labelopciones" ><label ><c:out value="${formulario.strPuesto_Evaluador}"  /></label> </td>
                                            </tr>
                                            <tr>
                                                <td class="labelopciones"><label ><c:out value="${formulario.strArea_Empleado}" /></label> </td>
                                            </tr>
                                        </table>
                                    </th>

                                    <th class="espaciosEnBlanco"></th>
                                    <th rowspan="2">
                                        <table>
                                            <tr>
                                                <td>
                                                    <c:if test="${(formulario.strESTADO == 'S1' || formulario.strESTADO == 'S2') && mensaje!='LA EVALUACION HA SIDO INICIALIZADA POR SU EVALUADOR'}">
                                                        <div id="divgrabar">
                                                        	<button class="button"  type= "button" onclick="grabar();"> <img src="images/grabar.gif" alt=""  height="15px"/> Grabar</button>
                                                        </div>	
                                                    </c:if>
                                                 </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <c:if test="${(formulario.strESTADO == 'S1' || formulario.strESTADO == 'S2') && mensaje!='LA EVALUACION HA SIDO INICIALIZADA POR SU EVALUADOR'}">
                                                        <div id="divenviar">
                                                        	<button  type= "button" class="button" onclick="enviar();"> <img src="images/derecha.gif" alt=""  height="15px"/> Enviar</button>
                                                        </div>
                                                    </c:if>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <button  type= "button" class="button" onclick="ImprimirFormularioEvaluacionObjetivos()"> <img src="images/icono-imprimir-mensaje.gif" alt=""  height="15px"  /> Imprimir</button>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <button  type= "button" class="button"  onclick="cerrar();"> <img src="images/cerrar.gif" alt=""  height="15px"/> Cerrar</button>
                                                </td>
                                            </tr>
                                        </table>
                                    </th>
                                </tr>
                            </c:if>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <HR>
                    </td>
                </tr>
                <tr align="center">
                    <td>
                        <img src="images/plan2.PNG">
                        <img src="images/acom.png">
                        <img src="images/veri2.PNG">
                    </td>
                </tr>
                <tr>
                    <td>
                        <HR>
                    </td>
                </tr>
                <tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_mensaje"></div>
                	</td>
                </tr>
<%--                 <c:if test="${mensaje != null}" > --%>
<!--                     <tr> -->
<!--                         <td colspan="4" style="text-align: left"> -->
<%--                         	<c:if test="${error != null}" > --%>
<%--                             	<font color="red" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<%--                         	</c:if> --%>
<%--                         	<c:if test="${error == null}" > --%>
<%--                             	<font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<%--                         	</c:if> --%>
<!--                         </td> -->
<!--                     </tr> -->
<%--                 </c:if> --%>

                <tr>
                    <td align="center" class="tablaingresos" >
                        <table id="tablaColap" cellspacing="1" cellpadding="1"  border="0" >
                            <c:if test="${!empty sessionScope.lstpilares}">
                                <tr  class="labelmetas" >
                                    <th style="background: #eee;width: 19px"  >
                                    <th style="background: #eee;width: 19px">
                                    <th style="background: #eee;width: 29px">
                                    <th style="background: #eee;width: 140px" >
                                    <th style="background: #eee" class="labelAME"> Aceptable
                                    <th style="background: #eee" class="labelAME"> Target
                                    <th style="background: #eee" class="labelAME"> Excelente
                                    <!--th style="width: 69px"-->
                                    <th style="width: 55px">
                                    <!--th style="width: 44px"-->
                                    <th style="width: 50px">
                                </tr>

                                <c:forEach items="${sessionScope.lstpilares}" var="jbean">
                                    <tr id='<c:out value="${jbean.strCod}"/>' >
                                        <td  style="background: #1F497D ; color: #ffffff "><img src="images/nolines_minus.gif"  onclick="toggleRows(this,'tablaColap')" alt=""></td>
                                        <td  style="background: #1F497D ; color: #ffffff "><input type="checkbox" id='<c:out value="${jbean.strCod}" />' disabled value='<c:out value="${jbean.strCod}" />' onclick="setValor(this);desabilitarCheck(this.id);" name="chkpilar" /> </td>
                                        <td  align="left" colspan="5" style="background: #1F497D ; color: #ffffff "class="labelpilares"><span><c:out value="${jbean.strDes}" /></span></td>
                                        <td class="tdinputval">
                                            <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}"/>' disabled value='<c:out value="${jbean.dblValor}"/>' />%
                                        </td>
                                        <td  style="width: 44px" ></td>
                                    </tr>

                                    <c:if test="${!empty sessionScope.lstObjetivo}">
                                        <c:forEach items="${sessionScope.lstObjetivo}" var="obj">
                                            <c:if test="${obj.stridpilar == jbean.strCod}">
                                                <tr  id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}" />'>
                                                    <td style="background: #B6DDE8" ><img src="images/nolines_minus.gif" alt=""  onclick="toggleRows(this,'tablaColap')" ></td>
                                                    <td style="background: #B6DDE8"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}" />'  name="chkObjetivo" onclick="setValor(this);desabilitarCheck(this.id);"  disabled /> </td>
                                                    <td align="left"  style="background: #B6DDE8" class="labelobjetivos"><label id='lbl1' ><c:out value="${obj.strDesc_indice}" /></label></td>
                                                    <td align="left"  style="background: #B6DDE8" colspan="4" class="labelobjetivos"><label id='lbl1' ><c:out value="${obj.strdesobjetivo}" /></label> </td>
                                                    <td class="tdinputval">
                                                        <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}-${obj.stridobjetivo}"/>' name='<c:out value="name-${jbean.strCod}"/>' disabled value='<c:out value="${obj.dblvalor}"/>' />%
                                                    </td>
                                                    <td style="width: 44px" ></td>
                                                </tr>

                                                <c:if test="${!empty sessionScope.lstMetas}">
                                                    <c:forEach items="${sessionScope.lstMetas}" var="mta">
                                                        <c:if test="${mta.stridobjetivo== obj.stridobjetivo}">
                                                            <tr id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />'  >
                                                                <c:if test="${mta.intflag_org == 1 }">
                                                                    <td style="background: #BDBDBD " width="2%"></td>
                                                                    <td style="background: #BDBDBD " width="2%"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' disabled onclick="desabilitarCheck(this.id);setValor(this)" name="chkMeta"   />
                                                                    <td style="background: #BDBDBD " width="4%" class="labelmetas"><label id='lblMeta'  ><c:out  value="${mta.strDesc_indice}"/> </label></td>
                                                                    <td style="background: #BDBDBD " width="18%" class="labelmetas" align="left"><label id='lblMeta'  ><c:out  value="${mta.strdesmeta}"/> </label></td>
                                                                    <td style="background: #BDBDBD "  width="15%" class="labelAME" ><label id='lblAcep'  ><c:out  value="${mta.straceptable}"/></label> </td>
                                                                    <td style="background: #BDBDBD " width="15%" class="labelAME" ><label id='lblMejor'  ><c:out  value="${mta.strmejorado}"/></label> </td>
                                                                    <td style="background: #BDBDBD " width="15%" class="labelAME" ><label id='lblExce'  > <c:out  value="${mta.strexcelente}"/></label></td>
                                                                    
                                                                    <!--<td style="background: #A4A4A4 " align="center" > <input class="inputvalDes"   readonly  name="peso" value='c:out value="{mta.dblCalc}" />'/>%</td>-->
                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name='<c:out value="name-${jbean.strCod}-${obj.stridobjetivo}"/>' disabled value='<c:out value="${mta.dblvalor}"/>' />%
                                                                    </td>

                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta" maxlength="5" id='<c:out value="txt-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name="txtMeta" onblur="llenarPesos(this);" disabled value='<c:out value="${mta.dblCalc}"/>' onkeypress="return fn_soloDecimales(event);"/>%
                                                                    </td>
                                                                    

                                                                    <td class="tdinputval" >
                                                                        <table border=0>
                                                                            <tr>
                                                                                <td>
                                                                                    <select name="arrayEvaluacion" class="inputEvaluacion" disabled >
                                                                                        <option value='<c:out value="${mta.strEvaluacion}"/> '>
                                                                                            <c:out value="${mta.strEvaluacion}"/>
                                                                                        </option>
                                                                                    </select>
                                                                                </td>
                                                                                <td>%</td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>

                                                                    <td >
                                                                        <table cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td>
                                                                                    <input name="arrayTotal" readonly="readonly"; style="background: #BDBDBD; font-size: 11px; width: 30px; font-family: Arial; text-align: center; height: 13px; border: 0; margin: 0; padding: 0" class="inputvalDes" value='<c:out value="${mta.strTotal}" />' />
                                                                                </td>
                                                                                <td>
                                                                                    <input readonly="readonly"; style="background: #BDBDBD; font-size: 11px; width: 10px; font-family: Arial; text-align: center; height: 13px; border: 0; margin: 0; padding: 0"style="width: 10px; height: 13px; border: 0; margin: 0; padding: 0" class="inputvalDes" value="%">
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </c:if>

                                                                <c:if test="${mta.intflag_org == 0}">
                                                                    <td style="background: #ffffff " width="2%" ></td>
                                                                    <td style="background: #ffffff " width="2%"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' disabled onclick="desabilitarCheck(this.id);setValor(this)"  name="chkMeta"  />
                                                                    <td style="background: #ffffff " width="4%" class="labelmetas"><label id='lblMeta'  ><c:out  value="${mta.strDesc_indice}"/></label> </td>
                                                                    <td style="background: #ffffff " width="18%" class="labelmetas"><label id='lblMeta'  ><c:out  value="${mta.strdesmeta}"/></label> </td>
                                                                    <td style="background: #ffffff " class="labelAME"><label id='lblAcep'  > <c:out  value="${mta.straceptable}"/></label></td>
                                                                    <td style="background: #ffffff " class="labelAME"><label id='lblMejor'  ><c:out  value="${mta.strmejorado}"/> </label></td>
                                                                    <td style="background: #ffffff " class="labelAME"><label id='lblExce'  ><c:out  value="${mta.strexcelente}"/></label> </td>
                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name='<c:out value="name-${jbean.strCod}-${obj.stridobjetivo}"/>' disabled value='<c:out value="${mta.dblvalor}"/>' />%
                                                                    </td>
                                                                     <td class="tdinputval">
                                                                         <input class="inputvalMeta" maxlength="5" id='<c:out value="txt-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name="txtMeta" onblur="llenarPesos(this);" disabled value='<c:out value="${mta.dblCalc}"/>' onkeypress="return fn_soloDecimales(event);"/>%
                                                                    </td>


                                                                    <c:if test="${(formulario.strESTADO != 'S1' && formulario.strESTADO != 'S2') || formulario.strETAPA == 'E4'}">
                                                                            <td class="tdinputval" >
                                                                                <table>
                                                                                    <tr>
                                                                                        <td>
                                                                                            <select class="inputEvaluacion" disabled >
                                                                                                <option value='<c:out value="${mta.strEvaluacion}"/> '>
                                                                                                    <c:out value="${mta.strEvaluacion}"/>
                                                                                                </option>
                                                                                            </select>
                                                                                        </td>
                                                                                        <td>%</td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                    </c:if>

                                                                    <c:if test="${formulario.strESTADO == 'S1' || formulario.strESTADO == 'S2'}">
                                                                        <td>
                                                                            <table>
                                                                                <tr>
                                                                                    <td >
                                                                                        <select class="inputEvaluacion" id= '<c:out value="cmb${mta.stridmeta}"/>' name="strEvaluacion" onchange="obtenerTotal('<c:out value="${mta.stridmeta}"/>','<c:out value="cmb${mta.stridmeta}"/>','<c:out value="lblTotal${mta.stridmeta}"/>',<c:out value="${mta.dblCalc}"/>);">
                                                                                            <c:if test="${mta.strEvaluacion == '0' || mta.strEvaluacion ==''}">
                                                                                                <option value="0" selected>0</option>
                                                                                                <option value="80">80</option>
                                                                                                <option value="100">100</option>
                                                                                                <option value="120">120</option>
                                                                                            </c:if>

                                                                                            <c:if test="${mta.strEvaluacion == '80'}">
                                                                                                <option value="0" >0</option>
                                                                                                <option value="80" selected>80</option>
                                                                                                <option value="100">100</option>
                                                                                                <option value="120">120</option>
                                                                                            </c:if>

                                                                                            <c:if test="${mta.strEvaluacion == '100'}">
                                                                                                <option value="0" >0</option>
                                                                                                <option value="80">80</option>
                                                                                                <option value="100" selected>100</option>
                                                                                                <option value="120">120</option>
                                                                                            </c:if>

                                                                                            <c:if test="${mta.strEvaluacion == '120'}">
                                                                                                <option value="0" >0</option>
                                                                                                <option value="80">80</option>
                                                                                                <option value="100">100</option>
                                                                                                <option value="120" selected>120</option>
                                                                                            </c:if>
                                                                                        </select>
                                                                                    </td>
                                                                                    <td style="font-size: 10px;">%</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </c:if>

                                                                    <td>
                                                                        <table cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td>
                                                                                    <input readonly="readonly"; style="background: #BDBDBD; font-size: 11px; width: 30px; font-family: Arial; text-align: center; height: 13px; border: 0; margin: 0; padding: 0" class="inputvalDes" id='<c:out value="lblTotal${mta.stridmeta}"/>' value='<c:out value="${mta.strTotal}" />' />
                                                                                </td>
                                                                                <td>
                                                                                    <input readonly="readonly"; style="background: #BDBDBD; font-size: 11px; width: 10px; font-family: Arial; text-align: center; height: 13px; border: 0; margin: 0; padding: 0"style="width: 10px; height: 13px; border: 0; margin: 0; padding: 0" class="inputvalDes" value="%">
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </c:if>
                                                            </tr>
                                                        </c:if>
                                                    </c:forEach>
                                                </c:if>
                                            </c:if>
                                        </c:forEach>
                                    </c:if>
                                </c:forEach>
                            </c:if>

                            <tr>
                                <td colspan="9" align="left">
                                    <table  class="foottabla" border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td colspan="2" class="foottablaglosas">(&#42)La suma total debe ser 100 %  </td>
                                            <td></td>
                                            <td></td>
                                            <td> </td>
                                            <td> </td>
                                            <td colspan="2" style="font-weight: bold">Total(&#42) </td>
                                            <td colspan="2"> </td>

                                            <c:if test="${dblpeso != null}">
                                                <td align="right" colspan="2" class="foottablaglosas" >  <label ><c:out value="${dblpeso}%">%</c:out> </label>   </td>
                                            </c:if>

                                            <c:if test="${dblpeso == null}">
                                                <td align="right" colspan="2">  <label ></label>   </td>
                                            </c:if>
                                        </tr>

                                        <tr><td colspan="2"  class="foottablaglosas">(&#42&#42)La suma total de Objetivos Organizacionales debe ser <c:out value="${formulario.dblTope_Org}%"></c:out> (se permite un margen de +/-<c:out value="${formulario.inttotal_ad_sup}%"/>)</td>
                                            <td></td>
                                            <td></td>
                                            <td> </td>
                                            <td> </td>
                                            <td colspan="2" style="font-weight: bold">Total Objetivos Organiz.(&#42&#42)</td>

                                            <td colspan="2" ></td>

                                            <c:if test="${totalObjOrg != null}">
                                                <td align="right" colspan="2" width="50px" class="foottablaglosas">
                                                    <label><c:out value="${totalObjOrg}%">%</c:out> </label>
                                                </td>
                                            </c:if>

                                            <c:if test="${totalObjOrg == null}">
                                                <td align="right" colspan="2">
                                                    <label></label>
                                                </td>
                                            </c:if>
                                        </tr>
                                    </table>
                                </td><td></td>
                            </tr>
                            <tr><td>&nbsp;&nbsp;</td> </tr>
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td style="font-weight: bold">Calificación Global</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>
                                    <table cellspacing="0" cellpadding="0" border="0">
                                        <tr style="padding: 0; margin: 0; border: 0">
                                            <td >
                                                <input align="right" readonly type="text" id="txtGlobal" style="font-weight: bold; width: 45px; height: 13px; border: 0; margin: 0; padding: 0; background: #EEEEEE " value='<c:out value="${total}"/>' />
                                            </td>
                                            <td>
                                                <input readonly align="left" type="text" style="font-weight: bold; width: 14px; height: 13px; border: 0; margin: 0; padding: 0; background: #EEEEEE" value="%"/>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <c:if test="${mensaje5 != null && mensaje5!='null'}" >
                    <tr>
                        <td colspan="4" style="text-align: left">
                            <font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje5}" /></font>
                        </td>
                    </tr>
                </c:if>
<!--                 Mostrar la Lista de Errores x colores -->
				<tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_cabecera"></div>
                	</td>
                </tr>
<%--                 <c:if test="${!empty verificacion}" > --%>
<!--                     <tr> -->
<!--                         <td colspan="4" class="labelErrorUL"> -->
<%--                             <c:out value="${cabecera}" /> --%>
<!--                         </td> -->
<!--                     </tr> -->

<!--                     <tr><td colspan="4" class="labelErrorUL"> -->
<!--                             <ol> -->
<%--                                 <c:forEach items="${verificacion}" var="v"> --%>
<%--                                     <li><c:out value="${v}" /></li> --%>
<%--                                 </c:forEach> --%>
<!--                             </ol> -->
<!--                         </td> -->
<!--                     </tr> -->
<%--                 </c:if> --%>
                
<!--                 Fin de la Lista de Errores -->
            </table>
        </html:form>
    </body>

    <script type="text/javascript">
    var operacionGlobal;
    
        /////<c:if test="${!evaluado}">
            //collapseAllRows("tablaColap");
        /////</c:if>

        //<c:if test="${mensaje=='LA EVALUACION HA SIDO INICIALIZADA POR SU EVALUADOR' || formulario.strESTADO != 'S2'}">
            //deshabilitaCombo();
        //</c:if>

            function agregarCeros(obj){
                var cad = Double.toString(obj);
                var cuenta = 1;
                for (var i = 0; i < cad.length(); i++) {
                    cuenta++;

                    if (cad.charAt(i) == '.') {
                        cuenta = 0;
                    }
                }

                if (cuenta == 1) {
                    cad = cad + "0";
                }
                return cad;
            }

            function redondeo1decimales(numero)
            {
                var original=parseFloat(numero);
                var result=Math.round(original*10)/10 ;
                return result;
            }

            function redondeo2decimales(numero){
                var original=parseFloat(numero);
                var result=Math.round(original*100)/100 ;
                return result;
            }

            function obtenerTotal(id,idCmb,idLabel,peso){
            	//alert("Combos");
                var aux = document.getElementById(idLabel).value;
                aux = parseFloat(aux);
                var caliGlobal = document.getElementById("txtGlobal").value;
                caliGlobal = parseFloat(caliGlobal);
                var lista = document.getElementById(idCmb);
                var valorSeleccionado = lista.options[lista.selectedIndex].text;
                total = valorSeleccionado*peso/100;
                total = redondeo2decimales(total);
                total = total.toFixed(2);
               // alert("id: " + id + " idcmb: " + valorSeleccionado + " idLabel: " + aux + " peso: " + peso + " total: " + total);
                MifillEvaluacionMeta(id,valorSeleccionado,total,'<%=request.getContextPath()%>');
                document.getElementById(idLabel).value = total;
                total = parseFloat(total);
                caliGlobal = caliGlobal - aux; //Resto el valor inicial del peso a la Calificacion Global
                caliGlobal = redondeo2decimales(caliGlobal + total);
                caliGlobal = caliGlobal.toFixed(2);
                document.getElementById("txtGlobal").value = caliGlobal;
               // alert("CaliGlobal: " + caliGlobal);
            }

            function llenarPilar(obj){
                var valor = obj.value;
                obj.value = redondeo1decimales(valor);
                valor = obj.value;
                var id = obj.parentNode.parentNode.id;

                if(valor > 0 ){
                    if(valor <= 100){
                        fillvalorpilar(id,valor , '<%=request.getContextPath()%>');
                    }else
                    {
                        alert("El valor no debe Superar el 100%");
                        obj.value = '0.0';
                    }
                }else{

                    obj.value = '0.0';
                }
            }
            function llenarObjetivo(obj){
                var valor = obj.value;
                obj.value = redondeo1decimales(valor);
                valor = obj.value;
                var id = obj.parentNode.parentNode.id;

                if(valor > 0 ){
                    if(valor <= 100){
                        fillvalorObj(id,valor , '<%=request.getContextPath()%>');
                    }else
                    {
                        alert("El valor no debe Superar el 100%")
                        obj.value = '0.0';
                    }
                }else{

                    obj.value = '0.0';
                }
            }

            function llenarMeta(obj){
                var valor = obj.value;
                obj.value = redondeo1decimales(valor);
                valor = obj.value;
                var id = obj.parentNode.parentNode.id;

                if(valor > 0 ){
                    if(valor <= 100){
                        fillvalorMeta(id,valor , '<%=request.getContextPath()%>');
                    }else
                    {
                        alert("El valor no debe Superar el 100%")
                        obj.value = '0.0';
                    }
                }else{
                    obj.value = '0.0';
                }
            }

            function PopupObjetivo(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;


                if(namSeleccionado.match("chkpilar")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;
                    //  alert("sE SELECCIONO " + valorseleccionado);
                    var msj  = ValidarCantidadOBJT(valorseleccionado);
                    if(msj.substr(0, 2).match("1-")){
                        alert(msj.substr(2, msj.length));
                        return;

                    }

                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=350, height=250, top="+retornarHeight(250)+", left="+retornarWidth(350);
                    window.open("pages/usuarionormal/popups/objetivoPopup.jsp?id="+valorseleccionado,"",opciones);
                }else{
                    alert("No se puede crear un objetivo en este nivel.\nSeleccionar el pilar donde se requiere agregar un  objetivo");
                }


            }
            function PopupMeta(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;

                if(namSeleccionado.match("chkObjetivo")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=730, height=250, top="+retornarHeight(250)+", left="+retornarWidth(830);;
                    window.open("pages/usuarionormal/popups/metaPopup.jsp?id="+valorseleccionado,"",opciones);
                }else{
                    alert("No se puede crear una meta en este nivel.\nSeleccionar el objetivo donde se requiere agregar una  meta");
                }

            }

            function setValor(obj){
                if(obj.checked){

                    document.forms[0].valSeleccionado.value = obj.parentNode.parentNode.id;
                    document.forms[0].namSeleccionado.value = obj.name;
                }else{

                    document.forms[0].valSeleccionado.value = "";
                    document.forms[0].namSeleccionado.value = "";

                }

                // alert(obj.checked + " " + document.forms[0].valSeleccionado.value  + " " + document.forms[0].namSeleccionado.value );

            }



            function grabar(){
//                 document.forms[0].operacion.value="g";
//                 document.forms[0].method.value='OperacionesEvaluacion';
//                 document.forms[0].submit();
            	operacionGlobal="g";
				OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');

            }

            function cerrar(){
                window.close();
            }
            
            function enviar(){
                var mensaje = confirm("Después de enviar, no se podrá realizar más \n modificaciones a la Evaluación de Objetivos \n ¿Está seguro que desea enviar la información?");
                if(mensaje){
//                     document.forms[0].operacion.value="e";
//                     document.forms[0].method.value='OperacionesEvaluacion';
//                     document.forms[0].submit();
                	operacionGlobal="e";
    				OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');
                }
            }
         // -----------------------------------------------------------------------------------------------
            function OperacionxAjax(operacion, ruta){
            var msj ="";
              accion='A';
            //  url='/'+ruta[1]+'/Ajax.do?metodo=fillvalorMeta&id='+id+'&valor='+valor+'&peso='+peso;
              url=ruta + '/evaluacion.do?method=OperacionesEvaluacion&operacion='+ operacion ;
              url = url+'&ms='+(new Date()).getTime();
              ajax0 = new Ajax.Request(url,{
                  asynchronous: false,
                  method: 'get',
                  onSuccess: function(transport, json) {
                	     if(json.executeError){
                	      	alert(json.executeError);
                	      }
                	      else{  
//                 	    	  alert("operacionGlobal " + operacionGlobal);
	                	      itemsHtml = "<table>";
	                	      itemsHtml += "<tr>";
	                	      itemsHtml += "<td colspan='4' style='text-align: left'>";
	                	      if (operacionGlobal=="g" || json.ErrorSize==0) {
	                	    	  itemsHtml +="<font color='#1F497D' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.Mensaje + "</font>";	
	                	    	  //alert(json.arrayEvaluacion + "\n" + json.arrayTotal);
	                	    	  
								} else if (operacionGlobal=="e"){
									 itemsHtml +="<font color='red' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.Mensaje + "</font>";
								}	
	                	      itemsHtml += "</td></tr>";
	                	      itemsHtml += "</table>";
	                	      document.getElementById('ver_mensaje').innerHTML = itemsHtml;

	                	      if (json.ErrorSize>0) {  
// 	                	      		Cabecera
	                	    	  itemsHtml = "<table>";
	                    	      itemsHtml += "<tr>";
	                    	      if (operacionGlobal=="g") {
	                    	    	  itemsHtml += "<td colspan='4' class='labelErrorULBlue'>" + json.cabecera ;
									} else if (operacionGlobal=="e") {
										  itemsHtml += "<td colspan='4' class='labelErrorUL'>" + json.cabecera ;
									}
	                    	      itemsHtml += "</td></tr>";
	                	      
// 	                    	      Lista de Errores
	                	    	  var myString = json.lstError;
	                	    	  var mySplitResult = myString.split(",");  
	                	      
	                    	      itemsHtml += "<tr>";
	                    	      if (operacionGlobal=="g") {
	                    	    	  itemsHtml += "<td colspan='4' class='labelErrorULBlue'> <ol>" ;
									} else if (operacionGlobal=="e") {
										itemsHtml += "<td colspan='4' class='labelErrorUL'> <ol>" ;
									}
	                    	      
	                    	      for(i = 0; i < mySplitResult.length-1; i++){
	                    	    	  itemsHtml += "<li>" +  mySplitResult[i] +  "</li>";
	                    	    	}
	                    	      itemsHtml += "</ol></td></tr>";
	                    	      itemsHtml += "</table>";
	                    	      document.getElementById('ver_cabecera').innerHTML = itemsHtml; 
	                	      }else{document.getElementById('ver_cabecera').innerHTML = " "; }
	                	      
			                	      if (json.ErrorSize==0 && json.TypeSap=="S") {
			                	    	  ActualizandoEvaluacionTotal(json.arrayEvaluacion,json.arrayTotal,json.calificacionTotal);
			                	      }
			                	      
			                	      if ((operacionGlobal=="g" && json.ErrorSize < 0 ) ||(operacionGlobal=="e" && json.ErrorSize==0 )) {
			                	    	  document.getElementById('divgrabar').innerHTML = "";
			                	    	  document.getElementById('divenviar').innerHTML = "";
			                	    	  deshabilitaCombo();
										}
			                	     
	                	      }
  
                 	      } //Fin de la Funcion	    
              });  
            }

// ---------------------------------------------------------------------------------
            function ActualizandoEvaluacionTotal(Evaluacion,Total,calificacionTotal){
            	var ArrayEvaluaciones = document.getElementsByName("arrayEvaluacion"); 
            	var ArrayTotales = document.getElementsByName("arrayTotal");
            	//alert("Evaluacion: " + Evaluacion + " Total: " + Total + " calificacionTotal: " + calificacionTotal + " -- "+ ArrayEvaluaciones.length + " - " + ArrayTotales.length);
            	var mySplitEvaluaciones = Evaluacion.split(","); 
            	var mySplitTotal = Total.split(","); 
            	
            	 for (x=0;x<ArrayEvaluaciones.length;x++){
            		 ArrayEvaluaciones[x].disabled=false;
            		 ArrayEvaluaciones[x].options.length = 0;
            		 ArrayEvaluaciones[x].options[0]=new Option(mySplitEvaluaciones[x],mySplitEvaluaciones[x],"0");
            		 ArrayEvaluaciones[x].disabled=true;
            		 ArrayTotales[x].value=mySplitTotal[x];
            		 //ArrayTotales[x].options.length = 0;
            		 //ArrayTotales[x].options[0]=new Option(mySplitTotal[x],mySplitTotal[x],"0");
            	 }
            	 document.getElementById("txtGlobal").value=calificacionTotal;
			}
            function  ModificarMeta(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;

                if(namSeleccionado.match("chkMeta")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;

                    var url = '<%=request.getContextPath()%>/evaluacion.do?method=CargaModificaMeta&valor='+valorseleccionado;
                    //alert("sE SELECCIONO " + valorseleccionado);
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes,width=830, height=250, top="+retornarHeight(250)+", left="+retornarWidth(830);
                    window.open(url,"",opciones);
                }else{
                    alert("El elemento seleccionado no es una meta.\nSeleccionar la meta a modificar.");
                }


            }

            function ModificarObj(){

                var namSeleccionado = document.forms[0].namSeleccionado.value;
                if(namSeleccionado.match("chkObjetivo")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;

                    var url = '<%=request.getContextPath()%>/evaluacion.do?method=CargaModificaObjetivo&valor='+valorseleccionado;
                    //alert("sE SELECCIONO " + valorseleccionado);
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=450, height=250, top="+retornarHeight(250)+", left="+retornarWidth(250);
                    window.open(url,"",opciones);
                }else{
                    alert("El elemento seleccionado no es un objetivo.\nSeleccionar el objetivo a modificar.");
                }


            }


            function EliminarObj(){
                //    alert("Ingres a eliminar Metas");
                var namSeleccionado = document.forms[0].namSeleccionado.value;
                //  var valSeleccionado = document.forms[0].valSeleccionado.value;
                // alert(valSeleccionado);


                if(namSeleccionado.match("chkObjetivo")){
                    var elim = confirm("¿Está seguro que desea eliminar este objetivo?");
                    if(elim){

                        document.forms[0].method.value='EliminarObjetivo';
                        document.forms[0].submit();


                    }

                }else{
                    alert("El elemento seleccionado no es un objetivo.\nSeleccionar el objetivo a eliminar.");
                }
            }

            function EliminarMeta(){

                var namSeleccionado = document.forms[0].namSeleccionado.value;


                if(namSeleccionado.match("chkMeta")){
                    //          eliminar();
                    var elim = confirm("¿ Está seguro que desea eliminar esta meta ?")
                    if(elim){

                        document.forms[0].method.value='EliminarMeta';
                        //        document.forms[0].elements("intId_posc").value=obj;
                        document.forms[0].submit();
                    }
                }else{
                    alert("El elemento seleccionado no es una meta.\nSeleccionar la meta a eliminar.");
                }
            }

            function retornarHeight(h){

                var posicion_y;

                posicion_y=(screen.height/2)-(h/2);

                return posicion_y;
            }

            function retornarWidth(w){
                var posicion_x;

                posicion_x=(screen.width/2)-(w/2);

                return posicion_x;

            }


            function ImprimirFormularioEvaluacionObjetivos(){
                var url = "<%=request.getContextPath()%>/ImprimirServlet.do?periodo=" +  <c:out value="${formulario.strPERIODO}"/>;
                //alert("sE SELECCIONO " + valorseleccionado);
                var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=800, height=800, top="+retornarHeight(800)+", left="+retornarWidth(800);
                window.open(url,"",opciones);
            }

            function MifillEvaluacionMeta(id, valor, total, ruta){
            	//alert("Mifill");
                accion='A'; 
                url=ruta+'/Ajax.do?metodo=fillEvaluacionMeta&id='+id+'&valor='+valor+'&total='+total;
                url = url+'&ms='+(new Date()).getTime();

                ajax0 = new Ajax.Request(url,{
                    asynchronous: false,
                    method: 'get',
                    onSuccess: ''
                });
                return;
            }

    </script>

</html>


